亚洲伊人久久精品影院,91精品尤物福利国产,欧美特黄一区二区,96久久精品人人妻人人槡

我們每天的工作都離不開(kāi)大量的信息流。新技術(shù)和快速的互聯(lián)網(wǎng)讓資訊井噴，人們可收集到比紙質(zhì)媒體更多的內容。處理眾多網(wǎng)站和應用程序時(shí)，用戶(hù)不會(huì )一目了然地閱讀他們看到的所有內容 - 他們首先掃描頁(yè)面以找出原因以及它對他們有用。因此，可掃描性是當今網(wǎng)站可用性的重要因素之一。今天的文章探討了這一現象，并提供了如何使數字產(chǎn)品可掃描的技巧。

什么是可掃描性？

應用于頁(yè)面或屏幕，動(dòng)詞“掃描”意味著(zhù)匆匆瀏覽或閱讀。因此，可掃描性是將內容和導航元素呈現為可以輕松掃描的布局的方式。與網(wǎng)站交互，尤其是第一次，用戶(hù)可以快速查看內容，分析是否是他們需要的內容。任何內容都可能成為這個(gè)過(guò)程中的一個(gè)鉤子：?jiǎn)卧~，句子，圖像或動(dòng)畫(huà)。

順便說(shuō)一句，這種行為并不是什么新鮮事：幾十年來(lái)，人們經(jīng)常在新的雜志或報紙上開(kāi)始仔細閱讀文章之前對其進(jìn)行翻譯。更重要的是，從屏幕上閱讀比在紙上閱讀更累人，因此用戶(hù)在他們準備好打擾的時(shí)候和地點(diǎn)都會(huì )更有選擇性。

為什么這很重要？大約十年前，雅各布尼爾森回答了“人們如何在網(wǎng)上閱讀？”的問(wèn)題，簡(jiǎn)單地說(shuō)：“他們沒(méi)有。人們很少逐字閱讀網(wǎng)頁(yè); 相反，他們掃描頁(yè)面，挑選單個(gè)單詞和句子“。從那以后它沒(méi)有太大變化：如果我們不確定它是否符合我們的需求，我們還沒(méi)有準備好花時(shí)間和精力去探索網(wǎng)站。因此，如果在介紹的第一分鐘沒(méi)有任何東西可以抓住，那么用戶(hù)將會(huì )離開(kāi)的風(fēng)險很高。無(wú)論網(wǎng)站的類(lèi)型是什么，可掃描性都是其用戶(hù)友好性的重要因素之一。

如何檢查網(wǎng)頁(yè)是否可掃描？嘗試將其視為首次使用者并回答兩個(gè)問(wèn)題：

- 您在前幾分鐘看到的內容是否符合目標受眾對此頁(yè)面的期望？

- 您能在第一分鐘或第二分鐘了解頁(yè)面上的信息類(lèi)型嗎？

如果你不確定這兩個(gè)答案都是正面的，也許是時(shí)候考慮如何加強網(wǎng)站的可掃描性了。值得投入時(shí)間，因為精心掃描的頁(yè)面在以下方面變得更加高效：

用戶(hù)完成任務(wù)并更快地實(shí)現目標用戶(hù)在搜索他們需要的內容時(shí)會(huì )犯更少的錯誤用戶(hù)可以更快地了解網(wǎng)站的結構和導航跳出率降低保留用戶(hù)的水平越來(lái)越高該網(wǎng)站看起來(lái)和感覺(jué)更可信SEO率受到積極影響。

流行的掃描模式

界面設計師必須考慮的重要事項是眼睛掃描模式，它顯示用戶(hù)在最初幾秒內如何與網(wǎng)頁(yè)交互。當您了解人們如何掃描頁(yè)面或屏幕時(shí)，您可以?xún)?yōu)先處理內容并將用戶(hù)需要的內容放入最明顯的區域。這個(gè)用戶(hù)研究領(lǐng)域由Nielsen Norman Group 提供支持 ，為設計人員和可用性專(zhuān)家提供了對用戶(hù)行為和交互的更好理解。

收集用戶(hù)眼睛跟蹤數據的不同實(shí)驗表明，有幾種典型的模型，訪(fǎng)問(wèn)者通常會(huì )掃描網(wǎng)站。

Z-pattern對于具有統一信息呈現和弱視覺(jué)層次的網(wǎng)頁(yè)而言是非常典型的。

另一種方案具有Z字形圖案，該圖案通常用于具有視覺(jué)上分割的內容塊的頁(yè)面。同樣，讀者的眼睛從左上角開(kāi)始從左到右移動(dòng)，并在整個(gè)頁(yè)面上移動(dòng)到右上角，掃描這個(gè)初始交互區域中的信息。

另一個(gè)模型是Nielsen Norman Group 在探索中呈現的F模式， 并顯示用戶(hù)經(jīng)常展示以下互動(dòng)流程：

用戶(hù)首先讀取水平移動(dòng)，通?？缭絻热輩^域的上部。這個(gè)初始元素構成了F的頂部欄。接下來(lái)，用戶(hù)稍微向下移動(dòng)頁(yè)面，然后在第二個(gè)水平移動(dòng)中讀取，該移動(dòng)通常覆蓋比先前移動(dòng)更短的區域。這個(gè)額外的元素形成了F的下欄。最后，用戶(hù)以垂直移動(dòng)掃描內容的左側。有時(shí)這是一個(gè)相當緩慢和系統的掃描，在眼動(dòng)追蹤熱圖上顯示為實(shí)心條紋。其他時(shí)候用戶(hù)移動(dòng)得更快，創(chuàng )建了一個(gè)spottier熱圖。最后一個(gè)元素構成了F的詞干。

提高可掃描性的技巧

1.使用可視層次結構對內容進(jìn)行優(yōu)先級排序

基本上，視覺(jué)層次結構是以對人類(lèi)感知最自然的方式在頁(yè)面上排列和組織內容的方式。它背后的主要目標是讓用戶(hù)了解每個(gè)內容的重要性級別。因此，如果應用了可視層次結構，則用戶(hù)將首先看到關(guān)鍵內容。

例如，當我們在博客中看到這篇文章時(shí)，我們首先會(huì )得到標題，然后是副標題，然后才會(huì )復制塊。這是否意味著(zhù)副本塊中的信息具有較低的重要性？嗯，不，但這樣用戶(hù)就可以?huà)呙铇祟}和副標題，以了解文章是否對他們有用和有趣，而不是嘗試閱讀所有文本。如果標題和副標題正確完成并告知用戶(hù)文章的結構和內容，這將是令人信服的閱讀更多的因素。另一方面，如果用戶(hù)看到巨大而長(cháng)的文本沒(méi)有分成塊，他們將會(huì )非常害怕，無(wú)法理解閱讀本文需要多長(cháng)時(shí)間，以及是否值得投入時(shí)間和精力。

有幾個(gè)主要因素有助于建立視覺(jué)層次結構：

尺寸顏色對比接近負空間重復。

所有這些都有助于設計人員將元素，鏈接，圖像和副本集轉換為頁(yè)面布局的諧波可掃描系統。

2.將核心導航放入網(wǎng)站標題中

所有提到的眼睛掃描模式顯示，無(wú)論特定用戶(hù)遵循哪一個(gè)，掃描過(guò)程將從網(wǎng)頁(yè)的頂部水平區域開(kāi)始。使用它來(lái)展示互動(dòng)和品牌的關(guān)鍵區域是支持雙方的戰略。這就是為什么網(wǎng)站標題設計不僅被UI / UX設計師而且被內容管理者和營(yíng)銷(xiāo)專(zhuān)家視為一個(gè)基本問(wèn)題的基本原因。

另一方面，標題不應該重載：太多的信息使得無(wú)法對焦。將所有內容放入頁(yè)面頂部的嘗試可以將布局轉換為混亂。因此，在每個(gè)特定情況下，必須分析核心目標受眾的目標，他們如何與網(wǎng)站背后的業(yè)務(wù)目標交叉，并以此為基礎 - 哪些信息或導航應該作為最重要的標題。例如，如果它是一個(gè)大型電子商務(wù)網(wǎng)站，搜索功能必須立即可見(jiàn)，并且通?？梢栽跇祟}中找到，以便從任何交互點(diǎn)訪(fǎng)問(wèn)。對于小型企業(yè)網(wǎng)站而言，搜索功能根本不需要，但是直接看到的投資組合鏈接將是至關(guān)重要的。

3.保持負空間的平衡

負空間 - 或者通常稱(chēng)為空白區域 - 是布局的空白區域，不僅在布局中的對象周?chē)?，而且在它們之間和內部。負空間是頁(yè)面或屏幕上所有對象的一種呼吸空間。它定義了對象的界限，根據格式塔原則在它們之間創(chuàng )造了必要的聯(lián)系， 并建立了有效的視覺(jué)表現。在網(wǎng)站和移動(dòng)應用的UI設計中，負空間是高導航性的重要因素 接口：沒(méi)有足夠的空氣，布局元素沒(méi)有被正確看到，因此用戶(hù)可能會(huì )錯過(guò)他們真正需要的東西。這可能是眼睛和大腦緊張的一個(gè)強有力的原因，盡管許多用戶(hù)將無(wú)法解決問(wèn)題。適量的負空間，特別是微空間，解決了它，使過(guò)程更自然。

4.檢查是否立即看到CTA

顯然，絕大多數網(wǎng)頁(yè)都針對用戶(hù)必須完成的特定操作。包含號召性用語(yǔ)（CTA）的元素（通常是按鈕）應在幾秒鐘內顯示，以便用戶(hù)了解他們可以在此頁(yè)面上執行的操作。好的測試包括在黑白和模糊模式下檢查頁(yè)面。如果在這兩種情況下都可以快速區分CTA元素，那么它們就能很好地完成。例如，在下面顯示的面包店網(wǎng)站的網(wǎng)頁(yè)上，可以很容易地在其他元素中看到將項目添加到列表中的CTA按鈕。

5.測試復制內容的可讀性

可讀性定義了人們閱讀單詞，短語(yǔ)和副本的容易程度?？勺x性衡量用戶(hù)如何快速直觀(guān)地區分特定字體中的字母。應仔細考慮這些特性，特別是對于填充了大量文本的界面。背景的顏色，復制塊周?chē)目臻g量，字距調整，前導，字體類(lèi)型和字體配對 - 所有這些因素都會(huì )影響快速掃描文本和捕獲令用戶(hù)留下的內容的能力。為了防止這個(gè)問(wèn)題，設計人員必須檢查是否 遵循排版法則以及所選字體是否支持一般的視覺(jué)層次和可讀性。用戶(hù)測試 將有助于檢查用戶(hù)能夠快速輕松地感知文本。

6.應用數字，而不是單詞

這條建議是基于尼爾森諾曼博客的另一項調查 。他們分享了一個(gè)重要的發(fā)現：眼動(dòng)追蹤研究表明，在掃描網(wǎng)頁(yè)的過(guò)程中，數字通常會(huì )阻止用戶(hù)徘徊并吸引注意力，甚至嵌入大量可以忽略而無(wú)數字的單詞中。我們潛意識地將數字與事實(shí)，統計數據，大小和距離相關(guān)聯(lián) - 這些數據可能是有用的。因此，數字包括在復制捕獲讀者的注意力中，而代表數字的單詞可能在大量復制中被遺漏。更重要的是，數字比文本數字更緊湊，因此它使內容更簡(jiǎn)潔，更省時(shí)。

7.將一個(gè)想法放在一個(gè)段落中

在可掃描性方面處理復制內容，盡量不要使文本的批量太長(cháng)。短段看起來(lái)更容易消化，如果信息對讀者沒(méi)有價(jià)值，可以更容易跳過(guò)。因此，當您在一個(gè)段落中提出一個(gè)想法并為另一個(gè)段落開(kāi)始另一個(gè)想法時(shí)，請遵循該規則。

8.使用編號和項目符號列表

使文本更易于掃描的另一個(gè)好方法是使用帶有數字或項目符號的列表。它們有助于清晰地組織數據。此外，它們會(huì )引起用戶(hù)的注意，因此信息不會(huì )在一般文本中丟失。

9.突出顯示文本中的關(guān)鍵信息

好舊的大膽，斜體和顏色突出是老派，但他們仍然成功地工作。通過(guò)這種方式，您可以將注意力集中在段落中包含的重要想法，定義，引用或其他類(lèi)型的特定數據上。更重要的是，文本的可點(diǎn)擊部分（鏈接到其他頁(yè)面）必須在視覺(jué)上標記。我們習慣于看到它們加下劃線(xiàn)，仍然用顏色或更大膽的字體突出顯示它們甚至更有效。

10.使用圖像和插圖

在Web用戶(hù)界面設計中，圖像在設置心情或傳遞消息方面具有高度支持性。它們是內容既有信息又有情感吸引力。原始插圖，突出的英雄橫幅，引人入勝的照片可以很容易地吸引用戶(hù)的注意力，并支持一般的風(fēng)格概念。更重要的是，它們在構建視覺(jué)層次結構方面發(fā)揮了重要作用，并使復制內容與插圖或照片相結合，更容易消化。人們比文字更快地感知圖像，這是提高可掃描性的重要因素。

提高網(wǎng)頁(yè)，設計人員和內容創(chuàng )建者的可掃描性能夠真正尊重網(wǎng)站用戶(hù)。這樣我們就可以節省用戶(hù)的時(shí)間和精力，為他們提供有組織，和諧，有價(jià)值和有吸引力的內容。